<div id="sidebar">
    <ul id="main-nav">

        <li>
            <a href="" title="Acceuil" class="nav-top-item" style="padding-right: 15px;">Accueil</a>
        </li>
        <li>
            <a href="" title="Gestion des QCM" class="nav-top-item" style="padding-right: 15px;">Gestion des QCM</a>
            <ul style="display: block;">
                <li><a href="">Voir les QCM</a></li>
                <li><a href="">Ajouter un QCM</a></li>
            </ul>
        </li>
        <li>
            <a href="" title="Gestion des NOTES" class="nav-top-item" style="padding-right: 15px;">Gestion des NOTES</a>
            <ul style="display: block;">
                <li><a href="">Voir les notes</a></li>
            </ul>
        </li>
        <li>
            <a href="" title="Gestion de la bibliohtèque" class="nav-top-item" style="padding-right: 15px;">Gestion de la Bibliothèque</a>
            <ul style="display: block;">
                <li><a href="">Voir les question</a></li>
                <li><a href="">Ajouter une question</a></li>
            </ul>
        </li>
        <li>
            <a href="index.php" title="Déconnexion" class="nav-top-item" style="padding-right: 15px;">Déconnexion</a>
        </li>
    </ul>
</div>